<template>
	<div>
		<!--面包屑导航条  -->
		<el-breadcrumb separator-class="el-icon-arraw-right">
			<el-breadcrumb-item :to="{path:'/h_home'}">首页</el-breadcrumb-item>
			<el-breadcrumb-item :to="{path:'/h_power'}">权限管理</el-breadcrumb-item>
			<el-breadcrumb-item>权限列表</el-breadcrumb-item>
		</el-breadcrumb>
		
		<!-- 内容显示卡片 -->
		<el-card class="box-card">
	
			<!-- 列表显示区 -->
			<el-table :data="powerList" style="width: 100%" height="480">
				<el-table-column fixed prop="id" label="编号" width="100">
				</el-table-column>
				<el-table-column prop="name" label="权限名称" width="120">
				</el-table-column>
				<el-table-column prop="url" label="权限路径" width="150">
				</el-table-column>			 
			</el-table>
		
		</el-card>
		
	</div>
</template>

<script>
	export default{
			data() {
				return{
					powerList:[]
				}
			},
			mounted() {
				this.queryAll();
			},
			methods: {
				async queryAll(){
					const res = await this.$http.post('selectAllPowers')
					console.log(res.data)
					this.powerList = res.data;
				}
			}
		}
</script>

<style>
</style>

